<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2022/11/4
  Time: 19:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杰杰电影</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/BangDan.css">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="header">
    <div class="header-inner">
        <div class="nav">
            <!-- logo -->
            <div class="logo">
                <a href="${pageContext.request.contextPath}/index.jsp"><img src="${pageContext.request.contextPath}/img/jiejie_logo.png" alt=""></a>
            </div>
            <div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/orderby">榜单</a></div>
            </div>
            <div class="search-form">
                <input type="text" class="search-text">
                <a href=""><span class="search-img"></span></a>

            </div>
            <div class="head-user">
                <a href="${pageContext.request.contextPath}/pages/login.jsp" class="loginBtn">登录</a>
                <a href="${pageContext.request.contextPath}/pages/regist.jsp" class="loginBtn">注册</a>
            </div>
            <div class="user-info">
                <div class="user-avatar has-login">
                    <img src="${pageContext.request.contextPath}/img/touxiang.png">
                    <ul class="user-menu yes-login-menu">
                        <li class="text"><a href="">我的订单</a></li>
                        <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                        <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 避免下面的块上移 -->
<div class="header-m"></div>

<div class="subnav">
    <ul class="navbar">
        <li>
            <a href="">国内票房榜</a>
        </li>
    </ul>
</div>

<div class="container">
    <div class="main">
        <p class="update-time">
            2022-08-30
            <span class="has-fresh-text">已更新</span>
        </p>

        <p class="board-content">榜单规则：将昨日国内热映的影片，按照昨日票房从高到低排列，每天上午10点更新。相关数据来源于“杰杰专业版”。</p>
        <dl class="board-wrapper">
<%--            ${OrderBy}--%>
            <c:forEach items="${OrderBy}" var="ob">
                <dd>
                    <i class="board-index board-index-1"></i>
                    <a href="XQing.html" class="image-link">
                        <img src="${ob.key.moviePicture}" alt="">
                    </a>
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="movie-item-info">
                                <p class="name">
                                    <a href="XQing.html">${ob.key.movieCname}</a>
                                </p>
                                <p class="star">主演：王凯,季冠霖,李立宏</p>
                                <p class="releasetime">上映时间：${ob.key.movieOpenhours}</p>
                            </div>
                            <div class="movie-item-number boxoffice">
                                <p class="realtime">
                                    实时票房:
                                    <span class="stonefont">${ob.value.get(1)}</span>
                                    万
                                </p>
                                <p class="total-boxoffice">
                                    总票房:
                                    <span class="stonefont">3.12</span>
                                    亿
                                </p>
                            </div>
                        </div>
                    </div>
                </dd>

            </c:forEach>
        </dl>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/bangdan.js"></script>
</body>
</html>
